<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.form-row>label,.form-row>span {
				display: inline-block;
				width: 120px;
				text-align: right;
			}
			
		</style>
	</head>
	<body>
		<main>
			<form action="#" method="GET">
				<div class="form-row">
					<label for="name">用户名：</label>
					<input name="name" maxlength="32" id="name" placeholder="请填写用户名"/>
				</div>
				<div class="form-row">
					<label for="password">密码：</label>
					<input type="password" name="password" maxlength="32" id="password"/>
				</div>
				<div class="form-row">
					<label for="date">出生年月：</label>
					<input type="date" name="date"  id="date"/>
				</div>
				<div class="form-row">
					<span>班级：</span>
					<select name="klass">
						<option value=""></option>
						<option value="1">JAVA班</option>
						<option value="2">WEB班</option>
						<option value="3">UI班</option>
					</select>
				</div>
				<div class="form-row">
					<label for="sex0">性别：</label>
					男<input type="radio" name="sex" id="sex0" value="1"/>
					女<input type="radio" name="sex" id="sex1" value="2"/>
				</div>
				<div class="form-row">
					<span for="sex0">取向：</span>
					男<input type="checkbox" name="need" value="1"/>
					女<input type="checkbox" name="need" value="2"/>
				</div>
				<div class="form-row">
					<label for="remark">备注：</label>
					<textarea id="remark"></textarea>
				</div>
				<div class="form-row">
					<input type="submit" value="提交">
					<input type="reset" value="重置">
				</div>
			</form>
		</main>
	</body>
</html>